<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        /*
           场景：当请求参数提交到服务端的时候，如果有特殊的字符存在需要进行编码，
           服务端会自己解码。
           一个中文会被编码成三个字组成

           encodeURIComponent和encodeURI的区别?
           encodeURIComponent比encodeURI支持的字符更多
        */
        const str = "比屋 教-育";
        // %E6%AF%94%E5%B1%8B%20%E6%95%99-%E8%82%B2
        const result1 = encodeURI(str);
        console.log(str);
        console.log(result1);

        // 服务端解码：%E6%AF%94
        const decodeStr = decodeURI("%E6%AF%94");
        console.log(decodeStr);


        /* 
            对URL进行编码：
            "http://120.78.190.136:8080/spboot/userLoginGetRequest?username=admin&password=66666"
         */
        const url = "http://120.78.190.136:8080/spboot/userLoginGetRequest?username=张三&password=66666";
        console.log(encodeURI(url));
        console.log(encodeURIComponent(url));
    </script>
</body>

</html>